import * as echarts from '../../static/dist/ec-canvas/echarts'

const options = {
  xAxis: {
    type: 'category',
    data: [],
    boundaryGap: false,
    axisTick: {
      show: true
    },
    axisLine: {
      lineStyle: {
        color: '#609ee9'
      }
    },
    axisLabel: {
      margin: 10,
      textStyle: {
        fontSize: 12
      }
    }
  },
  yAxis: {
    type: 'value',
    splitLine: {
      lineStyle: {
        color: ['#D4DFF5']
      }
    },
    axisTick: {
      show: false
    },
    axisLine: {
      lineStyle: {
        color: '#609ee9'
      }
    },
    axisLabel: {
      margin: 10,
      textStyle: {
        fontSize: 14
      }
    }
  },
  series: [
    {
      type: 'line',
      smooth: true,
      showSymbol: false,
      symbol: 'circle',
      symbolSize: 6,
      data: [],
      areaStyle: {
        normal: {
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1,
            [
              { offset: 0, color: 'rgba(216, 244, 247,1)' },
              { offset: 1, color: 'rgba(216, 244, 247,1)' }
            ], false
          )
        }
      },
      itemStyle: {
        normal: {
          color: '#58c8da'
        }
      },
      lineStyle: {
        normal: {
          width: 3
        }
      }
    }
  ],
  animationEasingUpdate: 'cubicInOut',
  animationDurationUpdate: 1200
}

export default {
  options
}
